import React, { useRef } from "react";
import useStyles from "./style";
import useFadeIn from "../hooks/useFadeIn";

const Welcome: React.FC = () => {
  const { welcome } = useStyles();
  const ref = useRef<HTMLHeadingElement>(null);

  useFadeIn(ref, 1000);

  return (
    <h1 className={welcome} ref={ref}>
      Welcome
    </h1>
  );
};
export default Welcome;
